<!--引入init配置文件-->
<?php require "init.php"; ?>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <link rel="icon" href="./public/home/imgs/logo.jpg">
    <title>小米手机专卖店(ximiao)</title>

    <!-- Bootstrap -->
    <link href="./public/home/css/bootstrap.min.css" rel="stylesheet">
    <link href="./public/home/css/index.css" rel="stylesheet">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="./public/home/js/html5shiv.min.js"></script>
    <script src="./public/home/js/respond.min.js"></script>
    <![endif]-->
</head>
<body>
    <!--引入导航条-->
    <?php require "./com/nav.php" ?>

    <!-- 注册开始 -->
    <div class="conatiner mt40">
        <div class="clearfix mt40"></div>
        <h1 class="text-center mt40">立即注册,为发烧而生</h1>
        <hr>

        <form action="./com/regdo.php" method="post" class="form-horizontal col-md-7 h4">

            <div class="form-group">
                <label for="user" class="col-md-3 control-label">用户名</label>
                <div class="col-md-9">
                    <input type="text" name="name" class="form-control" id="user" placeholder="请输入用户名..">
                    <span class="text-info">* 以字母开头,4-15个字符,由数字字母下划线组成</span>
                </div>
            </div>

            <div class="form-group">
                <label for="pwd" class="col-md-3 control-label">密码</label>
                <div class="col-md-9">
                    <input type="password" name="pwd" class="form-control" id="pwd" placeholder="请输入密码..">
                    <span class="text-info">* 由4-32位组成</span>
                </div>
            </div>

            <div class="form-group">
                <label for="repwd" class="col-md-3 control-label">确认密码</label>
                <div class="col-md-9">
                    <input type="password" name="repwd" class="form-control" id="repwd" placeholder="把上面那家伙再来一次">
                    <span class="text-info">* 由4-32位组成</span>
                </div>
            </div>

            <div class="form-group">
                <label for="tel" class="col-md-3 control-label">手机</label>
                <div class="col-md-9">
                    <input type="text" name="tel" class="form-control" id="tel" placeholder="手机号有11位...">
                    <span  class="text-info">* 请输入合法的手机号</span>
                </div>
            </div>

            <div class="form-group">
                <label for="email" class="col-md-3 control-label">邮箱</label>
                <div class="col-md-9">
                    <input type="email" name="email" class="form-control" id="email" placeholder="请输入邮箱">
                    <span class="text-info">* 请输入合法的邮箱</span>
                </div>
            </div>

            <div class="form-group">
                <div class="col-md-9 col-md-offset-3">
                    <div class="pull-left">
                        <input type="text" name="vcode" class="form-control" placeholder="验证码">
                    </div>
                    <div class="pull-right">
                        <img src="./com/yzm.php" title="点 我 刷 新" style="cursor:pointer" onclick="this.src=this.src+'?i='+Math.random()" class="pull-right">
                    </div>
                </div>
            </div>


            <div class="form-group">
                <div class="col-md-offset-3 col-md-9">
                    <button type="submit" class="btn btn-primary">注了个册</button>
                    <button type="reset" class="btn btn-danger pull-right">清空重填</button>
                </div>
            </div>

        </form>
        <div class="col-md-5">
            <img src="./public/home/imgs/reg.png" class="center-block">
        </div>
    </div>
    <!-- 注册结束 -->


    <!--引入底部开始-->
    <?php require "./com/footer.php" ?>

    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="./public/home/js/jquery.min.js"></script>
    <script src="./public/home/js/holder.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="./public/home/js/bootstrap.min.js"></script>
</body>
</html>